<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>

</body>
<script>
    // ajax背景 
    // 以前做数据交互的时候，大家通常选择使用表单的方式提交数据，表单提交这种方式，默认的时候会由当前页面跳转到action页面，所以用户体验及其糟糕，所以需要想办法让当前页面，不跳转的同时把数据传递过去，把服务器(后端)响应的内容拿回来。

    // ### AJAX解决的问题：
    // 指不刷新当前页面，把某些数据传递给服务器，把对应的数据从服务器拿回客户端。

    // 注意: ajax也要在服务器环境下 (live Server hbuildX  webStorm)

    //  ## 什么是Ajax？

    // 是指一种创建交互式网页应用的网页开发技术。

    // - AJAX：Asynchronous Javascript And XML（异步JavaScript和XML）
    // - 交互：这里的交互指客户端和服务器的数据是可以相互传递和使用的。
    // - XML：一种类似于HTML的标记语言，可以将数据结构化，XML已经被JSON淘汰了。
    // - 异步：异步指程序可以同时执行，同步指程序需要按照顺序执行。

    // 特点:
    //     在不提交整个页面的情况下,实现页面的局部刷新;


</script>

</html>